<template>


  <el-container>
    <el-aside width="230px" class="bd-col">
      <el-menu default-active="demo" :router="true" background-color="#F8F9FA" style="height: 100%">
        <el-submenu index="1">
          <template slot="title"><i class="el-icon-message"></i>导航一</template>

          <el-menu-item index="demo">Demo</el-menu-item>
        </el-submenu>
        <el-submenu index="2">
          <template slot="title"><i class="el-icon-menu"></i>导航二</template>
        </el-submenu>
      </el-menu>
    </el-aside>
    <el-main style="padding: 10px">
      <router-view></router-view>
    </el-main>
  </el-container>
</template>
<style>


  .el-aside {
    color: #333;
  }
</style>

<script>
  export default {
    data() {
      const item = {
        date: '2016-05-02',
        name: '王小虎',
        address: '上海市普陀区金沙江路 1518 弄'
      };
      return {
        tableData: Array(20).fill(item),
        dialogTableVisible: false,
        dialogFormVisible: false,
        form: {
          name: '',
          region: '',
          date1: '',
          date2: '',
          delivery: false,
          type: [],
          resource: '',
          desc: ''
        },
        formLabelWidth: '120px'
      }
    }
  };
</script>
